html{height: 100%;}
.clearfix:after {
	content:".";display:block;height:0;clear:both;visibility:hidden
}
.clearfix {
	zoom:1;
}
body.signin {
    height: 100%;
    background:url("../img/login/bg.jpg") no-repeat center #fff;
    background-size:100%;
    font-family: "微软雅黑";
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}
.bt_login_boxs .title{font-size: 28px; color:#494e5b; text-align:left;}
.bt_login_boxs .title img{float:left;  margin-left: 27px;}
.bt_login_boxs .title span{float:left; margin: 55px 0 0 30px;}
.signinpanel {
    width: 750px;
    margin: 10% auto 0 auto;
}

.signinpanel .logopanel {
    float: none;
    width: auto;
    padding: 0;
    background: none;
}

.signinpanel .signin-info ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.signinpanel .form-control {
    display: block;
    margin-top: 15px;
}

.signinpanel .btn {
    margin-top: 15px;
}

.signinpanel form {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255,255,255,.3);
    -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
}

.signup-footer{border-top: solid 1px rgba(255,255,255,.3);margin:20px 0;padding-top: 15px;}

@media screen and (max-width: 768px) {
    .signinpanel,
    .signuppanel {
        margin: 0 auto;
        width: 420px!important;
        padding: 20px;
    }
    .signinpanel form {
        margin-top: 20px;
    }
    .signup-footer {
        margin-bottom: 10px;
    }
    .signuppanel .form-control {
        margin-bottom: 10px;
    }
    .signup-footer .pull-left,
    .signup-footer .pull-right {
        float: none !important;
        text-align: center;
    }
    .signinpanel .signin-info ul {
        display: none;
    }
}
@media screen and (max-width: 320px) {
    .signinpanel,
    .signuppanel {
        margin:0 20px;
        width:auto;
    }
}
.width_80{width: 75%; margin: 0 auto;}
.loginscreen.middle-box{width: 582px; max-width: 582px;}
.form-group{margin-bottom: 10px; position: relative;}
.form-group i{display:block; position: absolute; }
.form-group i.user{width:16px; height:19px; background: url(../img/login/user.png) no-repeat;top: 17px; left:10px}
.form-group i.lock{width:13px; height:15px; background: url(../img/login/lock.png) no-repeat;top: 19px; left:10px}
.form-group i.code{width:15px; height:17px; background: url(../img/login/code.png) no-repeat;top: 19px; left:10px}
.bt_login_boxs{margin-top:18%;}
.my-form{
	width: 100%;
	height:379px;
	padding-top:20px;
	background:url("../img/login/box_bg.png") no-repeat center;
	background-size:100% 100%;
	margin-top:80px;
}
.my-form label{font-size:14px; color:#494e5b; font-weight: normal;}
.btn-primary{background: #494e5b; height: 44px; border: none; font-size: 20px;}
.btn-primary:hover{background: #3c414d !important;}
.bt_login_boxs .form-control{height: 43px; border-radius:4px; font-size:16px; padding-left: 30px; border-color: #cdd9e5 !important;}
.bt_login_boxs .code-input input{width: 210px; float: left;}
.bt_login_boxs .code-input span{width: 155px; height:43px; float: left; cursor: pointer; border:1px solid #cdd9e5; margin-left:10px;}
.bt_login_boxs .code-input span img{width: 100%; height: 100%;}
.bt_login_boxs .code-input label{float: left; color: #494e5b; font-size: 14px; text-decoration: underline; margin: 20px 0 0 15px;cursor: pointer;}
.form-control:focus, .single-line:focus{border-color: #78a8fc !important;}
#J-error{color:#ff0000; font-size:14px;text-align: left; height: 20px; margin-bottom:5px;}
#J-error i{margin-right:5px;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{background:#494e5b}
.bt_login_boxs .form-control.bd-error{border:1px solid #ff0000 !important;}
footer{color:#8b8b8b; margin-top:32%}
.i-checks{float:left;cursor: pointer;}
.icheckbox_square-green, .iradio_square-green{
   border:2px solid #494e5b;
   background:none;
   border-radius: 4px;
   width: 18px;
   height: 18px;
}
.icheckbox_square-green.checked{background-position:0 0; background: url(../img/login/check2.png) no-repeat; border:none;border-radius: 0;}
.clear{clear:both}
.bt_login_bnt{margin-top: 10px;}

/*new*/
 input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; /*关于解决输入框背景颜色*/
 }
 @media screen and (max-width: 1600px) {
   .bt_login_boxs{margin-top:8%;}
   .my-form{margin-top:60px;}
   footer{margin-top: 15%;}
}
 @media screen and (max-width: 1420px) {
   .bt_login_boxs{margin-top:23%;}
   .my-form{margin-top:70px;}
   footer{margin-top: 23%;}
}
 @media screen and (max-width: 1366px) {
   .bt_login_boxs{margin-top:2%;}
   .my-form{margin-top:40px;}
   footer{margin-top: 4%;}
}
